//点击缩略图，出现大图js例   2015.12.8 by C

window.onload = function(){
         //获取大图
   	     var bigpic=document.getElementById('pic');
         //获取产品详细tatble
		 var desc=document.getElementById('product-desc');
		 //通过desc 获取小图
		 var imgs=desc.lastChild.getElementsByTagName('img');
		 //根据小图下标设置点击事件
		 for(var i=0;i<imgs.length;i++){
		    imgs[i].onclick=function(){
			   bigpic.src=this.src;       //使大图的链接等于小图链接
			}
		 }
		 
		 /**以上循环可做下面理解
		 
			  imgs[0].onclick=function(){
				bigpic.src=imgs[0].src;
			  }
			   imgs[1].onclick=function(){
				bigpic.src=imgs[1].src;
			  }
			   imgs[2].onclick=function(){
				bigpic.src=imgs[2].src;
			  }
		 */

}


//点击缩略图，出现大图jQ例   2015.12.8 by C
/* $(function(){
		
	$('#img').find('img').click(function(){
			//使大图的图片链接变成小图的图片链接
			$('.product-img').attr('src',$(this).attr('src'));
	
	});
	
}); */
		